{__NOLAYOUT__} 
<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>大拇哥资源共享平台</title>
    <!--视口 不缩放 -->
    <meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta name="flexible" content="initial-dpr=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- 网页作者 -->
    <meta name="author" content="hg" />
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 设置苹果工具栏颜色 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="msapplication-TileColor" content="#000" />
    <!--<link href="logo.ico" rel="shortcut icon" type="image/x-icon">-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="__PUBLIC__/dist/js/html5shiv.min.js"></script>
      <script src="__PUBLIC__/dist/js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- ZUI1.7.0 -->
    <link rel="stylesheet" href="__PUBLIC__/dist/css/zui.min.css">
    
    <link href="/domoko/dist/css/main.css" rel="stylesheet">
</head>
<body>
<div id="page"> 
    <!--<a class="goTop"></a>-->
    <header>
        <div class="container">
            <div class="logo pull-left"><a href="index.html"><img src="dist/image/logo.png"><span>共建共享教学资源库平台</span></a></div>
            <div class="link pull-left"><a href="##">教案</a><a href="index.php?g=Home&m=Bbs&a=index" class="active">社区</a></div>
            <div class="pull-right right">
                <div class="search pull-left"><input id="search" name="search" type="text" value="" placeholder="搜索"><a class=""></a></div>
                <div class="user pull-left">
                    <a class="photo"><img src="dist/image/user.png"/></a>
                    <a class="name">测试帐号</a>
                    <a class="out">退出</a>
                </div>
            </div>
        </div>
    </header>
    
    <section class="mb-60">
        <div class="bg-white pt-20">
            <div class="details-head clearfix container">
                <div class="col-xs-12 clearfix breadcrumb_box mb-20">
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="icon icon-home"></i> 首页</a></li>
                        <li><a href="#">目录</a></li>
                        <li class="active">存档</li>
                    </ol>
                    <div class="btn-group pull-right">
                      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><i class="icon icon-list"></i> 项目列表</button>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="###">操作</a></li>
                        <li><a href="###">另一个操作</a></li>
                        <li><a href="###">更多操作</a></li>
                      </ul>
                    </div>
                </div>
                <div class="col-md-7 details-head-img mb-20"><img src="dist/image/xx.jpg"></div>
                <div class="col-md-5 details-head-text mb-20">
                    <div>
                        <a class="text-primary">所属岗位：gwid</a>
                        <a class="pull-right text-primary"><i class="icon icon-qrcode"></i>移动教学</a>
                        <div class="popover bottom">
                            <div class="arrow"></div>
                            <div class="popover-content">
                                <div class="qrcode"></div>
                            </div>
                        </div>
                    </div>
                    <h1><small>项目一</small>　title 标题名称</h1>
                    <div class="row">
                        <p class="col-sm-6 mb-10"><span class="black">统一编码：</span>unidentifier 编码</p>
                        <p class="col-sm-6 mb-10"><span class="black">项目类别：</span>categy 类别</p>
                        <p class="col-sm-6 mb-10"><span class="black">创建时间：</span>createtime</p>
                        <p class="col-sm-6 mb-10"><span class="black">修改时间：</span>updatetime</p>
                        <p class="col-xs-12 mb-10"><span class="black">编制人员：</span>bzry</p>
                        <p class="col-sm-6 mb-10"><span class="black">审核人员：</span>auditor</p>
                        <p class="col-sm-6 mb-10"><span class="black">审核状态：</span>status</p>
                    </div>
                    <hr>
                    <div class="row">
                        <p class="col-xs-12 black">项目介绍：</p>
                        <p class="col-xs-12 mb-10">introduct 介绍-文字内容<br>文字内容</p>
                        <p class="col-xs-12 black">编制依据：</p>
                        <p class="col-xs-12">basis 依据-文字内容<br>文字内容</p>
                    </div>
                </div>
            </div>

            <!-- 媒体播放 容器 -->
            <div class="details-media clearfix container bg-white">
                <div class="col-xs-12">
                    <h1 class="mb-10">小瑞与大魔王</h1>
                    <div class="clearfix breadcrumb_box">
                        <ol class="breadcrumb">
                            <li><a href="#">计算机动漫与游戏设计</a></li>
                            <li><a href="#">二维动画师</a></li>
                            <li>认识二维动画师</li>
                            <li class="active">认识二维动画动画制作</li>
                        </ol>
                    </div>
                    <p class="mb-20">教学视频　建课学校/老师　2017-10-10 18:00:00</p>
                    <div class="example mb-20">
                        <span class="label">标签</span>
                        <span class="label label-primary">Tag</span>
                        <span class="label label-success">Success</span>
                        <span class="label label-info">Info</span>
                        <span class="label label-warning">Warning</span>
                        <span class="label label-danger">Danger</span>
                    </div>
                    <div class="mb-20 row">
                        <div class="iframe col-md-9"></div>
                        <div class="col-md-3">
                            <h2>参考资源</h2>
                            <hr>
                            <ul class="details-media-data">
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                                <li class="mb-10"><a>动画作品制作流程及步骤动画作品制作流程及步骤 </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="details-content container bg-white pt-20">
            <div class="container mb-20">
                <ul class="nav nav-secondary">
                    <li class="active"><a href="view/details/details-about.html" target="myiframe"><h2>项目介绍</h2></a></li>
                    <li><a href="view/details/details-material.html" target="myiframe"><h2>电子教材</h2></a></li>
                    <li><a href="view/details/details-video.html" target="myiframe"><h2>教学视频</h2></a></li>
                    <li><a href="view/details/details-courseware.html" target="myiframe"><h2>微课及教案</h2></a></li>
                    <li><a href="view/details/details-download.html" target="myiframe"><h2>素材下载</h2></a></li>
                    <li><a href="view/details/details-comment.html" target="myiframe"><h2>教学点评</h2></a></li>
                    <li><a href="view/details/details-exam.html" target="myiframe"><h2>考试测试</h2></a></li>
                </ul>
            </div>
            <div class="details-content-iframe">
                <iframe id="iframe" name="myiframe" src="" scrolling="no" frameborder="0"></iframe>
            </div>
        </div>
    </section>
       
    <footer>
        <div class="container">
            <div class="link">
                <h1 class="mb-20">合作链接</h1>
                <div>
                    <a>腾讯大学</a><a>腾讯网教育频道</a><a>腾讯大讲堂</a><a>腾讯精品课</a><a>腾讯电脑管家</a><a>QQ智慧校园</a><a>环球网校</a>
                    <a>QQ音乐</a><a>QQ浏览器</a><a>企鹅FM</a><a>学神IT教育</a><a>中华考试网</a><a>云中帆教育</a><a>腾讯微云</a><a>天下网校</a><a>技成培训网</a>
                    <a>为课网校</a><a>中大网校</a><a>起点学院</a><a>人人都是产品经理</a><a>厚学网</a><a>课工场</a><a>公务员考试网</a><a>新东方在线</a>
                    <a>中公公务员网</a><a>学科网</a><a>233网校</a><a>我要自学网</a>
                </div>
            </div>
            <p class="text-center mb-10">主办单位：厦门大拇哥动漫股份有限公司</p>
            <p class="text-center mb-10">邮箱：kkintl@netvigator.com</p>
            <p class="text-center mb-10">网址：http://www.domoko.com.cn/</p>
            <p class="text-center mb-10">联系电话：0592-2529778</p>
            <p class="text-center">闽ICP备12000304号-2 地址：厦门市软件园二期望海路10号大拇哥大厦</p>
        </div>
    </footer>
</div>

<script src="__PUBLIC__/dist/js/jquery.min.js"></script>
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script src="__PUBLIC__/dist/js/zui.min.js"></script>
<!-- qrcode -->
<script src="__PUBLIC__/dist/js/jquery.qrcode.min.js"></script>
<script src="__PUBLIC__/dist/js/main.js"></script> 
<script>
$(function(){
    $('.qrcode').qrcode(window.location.href);

    // Tab 切换active
    $('body').on('click', '.nav > li:not(.disabled) > a', function() {
        var $item = $(this).parent('li');
        $item.parent().children('.active').removeClass('active');
        $item.addClass('active');
        
        $('.details-head').show();
        $('.details-media').hide();
    });
    
    // 获取视频页面
    function Video(src){
        $('.details-head').hide();
        $('.details-media .iframe iframe').remove();
        var htm = '<iframe src="' + src + '" scrolling="no" frameborder="0"></iframe>';
        $('.details-media').show();
        $('.details-media .iframe').append(htm)
    }
})
</script>
</body>
</html>